body {
    margin: 0;
    padding: 0;
}

.all {
    border: solid;
    width: 500px;
    height: 670px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.ver_all {
    width: 80%;
    height: 89.74%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.ver_2 {
    border: ridge;
    width: 100%;
    height: 10.25%;
    position: absolute;
    top: 92.3%;
}

.ver_1 {
    border: ridge;
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.ver_1_1 {
    border: ridge;
    width: 100px;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.ver_1_2 {
    border: ridge;
    width: 100%;
    height: 19.74%;
    position: absolute;
    top: 7.692%;
}

.ver_1_3 {
    border: ridge;
    width: 100%;
    height: 73.52%;
    position: absolute;
    top: 29%;
}

.ver_1_2_1 {
    width: 25%;
    height: 71.42%;
    top: 14.285%;
    left: 10%;
    position: absolute;
}

.ver_1_2_2 {
    width: 16.66666%;
    height: 57.142%;
    top: 28.571%;
    left: 43.333%;
    position: absolute;
}

.ver_1_2_3 {
    width: 25%;
    height: 42.857%;
    top: 42.857%;
    left: 63.3333%;
    position: absolute;
}

.ver_1_2_1_1 {
    width: 100%;
    height: 20%;
    top: 0;
    left: 0;
    position: absolute;
}

.ver_1_2_1_2 {
    width: 100%;
    height: 20%;
    top: 40%;
    left: 0;
    position: absolute;
}

.ver_1_2_1_3 {
    width: 100%;
    height: 20%;
    top: 80%;
    left: 0;
    position: absolute;
}

.ver_1_2_1_1_1 {
    width: 33.333%;
    height: inherit;
    left: 0;
    font-size: 10px;
    position: absolute;
}

.ver_1_2_1_1_2 {
    box-sizing: border-box;
    width: 66.667%;
    height: 17px;
    left: 33.333%;
    position: absolute;
}

.ver_1_2_2_1 {
    width: 100%;
    height: 50%;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.ver_1_2_2_2 {
    width: 100%;
    height: 25%;
    font-size: 12px;
    position: absolute;
    top: 75%;
}

.ver_1_2_3_1 {
    width: 100%;
    height: 17px;
    position: absolute;
    top: 0;
}

.ver_1_2_3_2 {
    width: 100%;
    height: 17px;
    position: absolute;
    top: 66.667%;
}

.ver_1_3_1 {
    width: 50%;
    height: 4%;
    top: 4%;
}

.ver_1_3_2 {
    width: 50%;
    height: 4%;
    top: 12%;
}
.ver_1_3_3 {
    width: 50%;
    height: 4%;
    top: 20%;
}
.ver_1_3_4 {
    width: 50%;
    height: 4%;
    top: 28%;
}
.ver_1_3_5 {
    width: 50%;
    height: 4%;
    top: 36%;
}
.ver_1_3_6 {
    width: 50%;
    height: 4%;
    top: 48%;
}
.ver_1_3_7 {
    width: 50%;
    height: 4%;
    top: 56%;
}
.ver_1_3_8 {
    width: 50%;
    height: 4%;
    top: 64%;
}
.ver_1_3_9 {
    width: 50%;
    height: 4%;
    top: 72%;
}
.ver_1_3_10 {
    width: 50%;
    height: 4%;
    top: 80%;
}
.ver_1_3_11 {
    width: 50%;
    height: 4%;
    top: 88%;
}
.ver_1_3_12 {
    width: 50%;
    height: 4%;
    top: 96%;
}

.ver_2_1 {
    width: 13%;
    height: 40%;
    top: 25%;
    left: 6.667%;
    position: absolute;
}

.ver_2_2 {
    width: 26.666%;
    height: 50%;
    top: 25%;
    left: 36.667%;
    position: absolute;
}

.ver_2_3 {
    width: 26.666%;
    height: 50%;
    top: 25%;
    left: 70%;
    position: absolute;
}
